<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>better</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./css/index.css"> </head>

<body>
    <header>
        <nav>
            <div class="container">
                <div class="header-top">
                    <div class="nav-left">
                        <h3>better</h3> 
                    </div>
                    <div class="nav-right">
                        <ul>
                            <li><a href="javascript:void(0)">首页</a></li>
                            <li><a href="javascript:void(0)">产品中心</a></li>
                            <li><a href="javascript:void(0)">企业新闻</a></li>
                            <li><a href="javascript:void(0)">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="header-bottom">
                <img src="./img/b03.jpg" alt="">
            </div>
        </nav>
    </header>
    <main>
        <div class="container">
            <div class="main-left">
                <div class="col">
                    <img src="./img/better_01.png" alt="">
                    <p>Oculus联合创始人黯然离场，是被小米前高管“挤出”了</p>
                    <span>2018-06-16</span>
                </div>
                <div class="col">
                    <img src="./img/better_02.png" alt="">
                    <p>华为营收5216亿元，同比增长32%，顺便卖了1.39亿部手机</p>
                    <span>2018-06-16</span>
                </div>
                <div class="col">
                    <img src="./img/better_03.png" alt="">
                    <p>车与出行 百度申请在北京路试无人车，但这并不意味着无人车未</p>
                    <span>2018-06-16</span>
                </div>
                <div class="col">
                    <img src="./img/better_04.png" alt="">
                    <p>20分钟没了3000亿，最大港股塌方背后疑点重重</p>
                    <span>2018-06-16</span>
                </div>
                <div class="col">
                    <img src="./img/better_05.png" alt="">
                    <p>礼物说裁员引争议，触宝CEO王家梁：别吧粗暴裁员当个性</p>
                    <span>2018-06-16</span>
                </div>
                <div class="col">
                    <img src="./img/better_06.png" alt="">
                    <p>下线聊天文件功能，微信这是闷声作大死？</p>
                    <span>2018-06-16</span>
                </div>
            </div>
            <div class="main-right">
                <div class="top">
                    <li><a href="">better</a></li>
                    <h3>天猫总裁靖捷：线上线下全面打通 天猫将整体升级</h3>
                    <p>"真正新零售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫APP将从满足需求进入到创造需求的阶段，线下百万雄师都会被数字化。"靖捷说。</p>
                </div>
                <div class="list">
                    <h1>产品列表展示</h1>
                    <div class="banner">
                       <div class="banner-1">
                           <div class="col">
                               <img src="./img/a_03.png" alt="">
                               <p>韩版高腰半身裙夏中长款a字裙子女流苏毛边</p>
                               <span>￥89</span>
                           </div>
                           <div class="col">
                               <img src="./img/b_03.png" alt="">
                               <p>韩版女装夏装牛仔A字裙子</p>
                               <span>￥89</span>
                           </div>
                           <div class="col">
                               <img src="./img/c_03.png" alt="">
                               <p>女装夏装新款显瘦A字群裤短裤牛仔裤</p>
                               <span>￥129</span>
                           </div>
                           <div class="col">
                               <img src="./img/d_03.png" alt="">
                               <p>显瘦牛仔裙半身裙短新款潮群女夏韩版学生高腰a字裙</p>
                               <span>￥79</span>
                           </div>
                       </div>

                        <div class="banner-2">
                            <div class="col">
                               <img src="./img/e_03.png" alt="">
                               <p>收腰牛仔连衣裙a字牛仔裙女学生短裙裙子</p>
                                <span>￥339</span>
                            </div>
                           <div class="col">
                              <img src="./img/f_03.png" alt="">
                              <p>修身长袖牛仔连衣裙女</p>
                               <span>￥338</span>
                           </div>
                           <div class="col">
                              <img src="./img/g_03.png" alt="">
                              <p>瘦高腰牛仔半身裙夏a字</p>
                               <span>￥158</span>
                           </div>
                           <div class="col">
                              <img src="./img/h_03.png" alt="">
                              <p>中长款竖条纹半身裙百搭宽松中长裙A字裙</p>
                               <span>￥399</span>
                           </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="container">
            <p>&copy; 2018 版权所有 better</p>
        </div>
    </footer>
</body>

</html>